<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	
<link href='http://fonts.googleapis.com/css?family=Vidaloka|Noto+Serif' rel='stylesheet' type='text/css'> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link type="text/css" href="css/jMenu.jquery.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/jMenu.jquery.js" type="text/javascript"></script>

<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> -->
<script >
$(function () {

  var msie6 = $.browser == 'msie' && $.browser.version < 7;

  if (!msie6) {
    var top = $('.bitky-div').offset().top - parseFloat($('.bitky-div').css('margin-top').replace(/auto/, 0));
    $(window).scroll(function (event) {
      // what the y position of the scroll is
      var y = $(this).scrollTop();

      // whether that's below the form
      if (y >= top) {
        // if so, ad the fixed class
        $('.bitky-div').addClass('fixed');
      } else {
        // otherwise remove it
        $('.bitky-div').removeClass('fixed');
      }
    });
  }
});
</script>
<title>DEMO</title>
</head>
<body>

	<div id="wrapper">
		<div id="left-nav">
			<img src="img/Logo.png">
		</div>
		<div id="nav">
			<ul id="jMenu" class="jMenu">
				<li>
					<a class="fNiv">&nbsp;&nbsp;&nbsp;&nbsp;TRANG CHỦ&nbsp;&nbsp;&nbsp;&nbsp;</a>
				<li>
						<a class="fNiv">&nbsp;&nbsp;&nbsp;&nbsp;GIỚI THIỆU&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</li>
				<li>
						<a class="fNiv">&nbsp;&nbsp;&nbsp;&nbsp;TIN TỨC&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<ul style="display: none;">
						<li class="arrow"></li>
							<li>
								<a href="#">TỔNG HỢP</a>
						</li>
						<li>
								<a href="#">CHÍNH TRỊ</a>
						</li>
						</li>
					</ul>
				</li>
			</ul>
		</div>

        <div id="top">
        	<iframe src="http://www.loxiastudio.com/i-Rod" width="950" height="300" scrolling="no" frameborder="0" allowtransparency="true"style="visibility:hidden" onload="this.style.visibility='visible'"></iframe>

        </div>

	        <MARQUEE onmouseover="this.stop();" onmouseout="this.start();" class="horimarquee"><img src="img/hot-icon.gif">TIN HOT<img src="img/hot-icon.gif">
	        </MARQUEE>
        <div id="left">
        	<div class="bitky-div"><img src="img/banner/left-sidebar.jpg" width="146px" height="350px"></div>
        </div>

	         <div id="content">

	         	<div style="font-family: 'Vidaloka', serif;">SẢN PHẨM</div>
	         	<div class="element"></div>
	         	<div class="element"></div>
	         	<div class="element"></div>
	         	<div class="element"></div>
	         
	         </div>

        <div id="right">

        	<div class="bitky-div"><img src="img/banner/left-sidebar.jpg" width="146px" height="350px"></div>
        </div>

         <div class="clearfix"></div>

        <div id="footer">
        	<div id="footer-menu"><p>© 2007-2010 - ltbaogt | Thỏa thuận | Tác giả | Liên hệ | Lên trên</p>
        	</div>
        	<div id="footer-content">
        		<br>
        		<p >
        		Ghi rõ nguồn  khi phát hành lại thông tin trên trang này. Xem tốt nhất ở kích thước màn hình 1024 x 768 pixels.
				liên hệ xin gọi 0919.xx.xx.xx (gặp XXX) hoặc Yahoo! IM: mjcr025
        	</p>
        	</div>
        	<br>

        </div>
 	</div>

 	<script type="text/javascript">
$(document).ready(function() {
$("#jMenu").jMenu();
});
</script>

</body>
</html>